<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>门票预约</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="text/javascript" src="{:sysconf('cdn_url')}/vote/index/jquery-2.1.3.min.js"></script>
    <script src="{:sysconf('cdn_url')}/vote/list/layui/layui.js"></script>
    <link href="{:sysconf('cdn_url')}/vote/list/layui/css/layui.css" rel="stylesheet" type="text/css">

</head>

<style>
    .slider{display:none;}
    .focus span{width:5px;height:5px;margin-left:5px;border-radius:50%;background:#CDCDCD;font-size:0}
    .focus span.current{background:red;}

    .m_head{width: 100%;}
    .m_head img{width: 100%;display: block;}
</style>

<header>
    <div class="m_head clearfix">
        <!--{if count($banner)<2}-->
        <!--{if isset($banner[0]['pic'])}-->
        <img style="width: 100%" src="{$banner[0]['pic']}" alt="">
        <!--{/if}-->
        <!--{else}-->
        <div class="slider">
            <ul>
                <!--{if !empty($banner)}-->
                {foreach $banner as $one}
                <li><a href="#"><img src="{$one.pic}"/></a></li>
                {/foreach}
                <!--{/if}-->
            </ul>
        </div>
        <!--{/if}-->
    </div>
</header>

<body style="background-color:#f4f5f5;">
<div class="boxbg">

    <div class="about_box">
        <div class="container">
            <a class="button" href="/index/ticket/reg?cate_id=1">开幕式门票(已结束)</a>
            <a class="button" href="/index/ticket/reg?cate_id=2">音乐节门票(已结束)</a>
            <a class="button" href="/index/ticket/reg3?cate_id=3">公益健康跑(已结束)</a>
        </div>


        <style type="text/css">


            .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 50vh; }
            .container a{ color: white }
            .button {border: none;width: 200px; height: 80px; line-height: 80px; text-align: center; background-color: rgba(106,168,79,1);color: white; margin-bottom: 20px; border-radius: 10px; }

        </style>


        <div
                style="margin-left: 2px">
            <p><span style="font-size: 13px;">注：10月31日0:00开始预约开幕式门票、公益健康跑报名。11月1日0:00预约音乐节门票</span></p></div>
    </div>



</div>

{include file="ticket/footer"/}

<script type="text/javascript" src="{:sysconf('cdn_url')}/vote/xlj2021/slider/yxMobileSlider.js"></script>
<script type="text/javascript">
    $(".slider").yxMobileSlider({during:5000,width:720,height:400});   //height可以设置首页幻灯片高度
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '{$signPackage.appId}', // 必填，公众号的唯一标识
        timestamp: "{$signPackage.timestamp}", // 必填，生成签名的时间戳
        nonceStr: '{$signPackage.nonceStr}', // 必填，生成签名的随机串
        signature: '{$signPackage.signature}',// 必填，签名，见附录1
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {
        wx.error(function (res) {
            console.log(res);
        });
        //朋友圈
        wx.onMenuShareTimeline({
            title: "门票预约", // 分享标题
            link: "{$current_url}", // 分享链接
            imgUrl: "{$config.share_logo}", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        //分享给朋友
        wx.onMenuShareAppMessage({
            title: "门票预约", // 分享标题
            desc: "{:htmlspecialchars($config.title)}", // 分享描述
            link: "{$current_url}", // 分享链接
            imgUrl: "{$config.share_logo}", // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });
</script>

</body>

</html>